<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>一站通</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="stylesheet" href="static/css/font.css">
		<link rel="stylesheet" href="static/css/xadmin.css">
		<link rel="shortcut icon" th:href="@{static/favicon.ico}"/>
		<script src="static/lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="static/js/xadmin.js"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>
	<body>
		<div class="layui-fluid">
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-body ">
							<blockquote class="layui-elem-quote">欢迎管理员：
								<span class="x-red">张三</span>！当前时间:2020-09-25 20:50:53
							</blockquote>
						</div>
					</div>
				</div>
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">工作提示</div>
						<div class="layui-card-body ">
							<ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog">
								<li class="layui-col-md2 layui-col-xs6">
									<a href="javascript:;" class="x-admin-backlog-body">
										<h3>通知消息</h3>
										<p>
											<cite>66</cite></p>
									</a>
								</li>
								<li class="layui-col-md2 layui-col-xs6">
									<a href="javascript:;" class="x-admin-backlog-body">
										<h3>预约通知</h3>
										<p>
											<cite>12</cite></p>
									</a>
								</li>
								<li class="layui-col-md2 layui-col-xs6">
									<a href="javascript:;" class="x-admin-backlog-body">
										<h3>招生统计</h3>
										<p>
											<cite>99</cite></p>
									</a>
								</li>
								<li class="layui-col-md2 layui-col-xs6">
									<a href="javascript:;" class="x-admin-backlog-body">
										<h3>当月计划</h3>
										<p>
											<cite>67</cite></p>
									</a>
								</li>
								<li class="layui-col-md2 layui-col-xs6">
									<a href="javascript:;" class="x-admin-backlog-body">
										<h3>审批回复</h3>
										<p>
											<cite>67</cite></p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="layui-col-sm6 layui-col-md3">
					<div class="layui-card">
						<div class="layui-card-header">招生转发
							<span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
						<div class="layui-card-body  ">
							<p class="layuiadmin-big-font">预览</p>
							<p>转发
								<span class="layuiadmin-span-color">记录
									<i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-sm6 layui-col-md3">
					<div class="layui-card">
						<div class="layui-card-header">活动宣传
							<span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
						<div class="layui-card-body ">
							<p class="layuiadmin-big-font">预览</p>
							<p>一键转发
								<span class="layuiadmin-span-color">记录
									<i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-sm6 layui-col-md3">
					<div class="layui-card">
						<div class="layui-card-header">上传活动
							<span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
						<div class="layui-card-body ">
							<p class="layuiadmin-big-font">预览</p>
							<p>活动转发
								<span class="layuiadmin-span-color">记录
									<i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-sm6 layui-col-md3">
					<div class="layui-card">
						<div class="layui-card-header">活动方案评比
							<span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
						<div class="layui-card-body ">
							<p class="layuiadmin-big-font">预览</p>
							<p>活动推广
								<span class="layuiadmin-span-color">记录
									<i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
							</p>
						</div>
					</div>
				</div>
				<div class="layui-col-md12">
					<div class="layui-card">
						<!-- <div class="layui-card-header">招生报表</div> -->
						<div class="layui-card-body ">
							<div id="main1" style="width: 100%;height:400px;"></div>
						</div>
					</div>
				</div>
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">开发团队</div>
						<div class="layui-card-body ">
							<div id="main2" style="width: 100%;height:400px;"></div>
						</div>
					</div>
				</div>
			</div>
			<style id="welcome_style"></style>
			<div class="layui-col-md12">
				<blockquote class="layui-elem-quote layui-quote-nm">一站通，教育招生、管理、数据统计一站式管理。</blockquote>
			</div>
		</div>
		</div>
		</div>
		<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>
		<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/extension/bmap.min.js"></script>
		<script type="text/javascript">
			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('main1'));
			// 基于准备好的dom，初始化echarts实例
			// 指定图表的配置项和数据
			var option = {
				title: [{
					text: '周招生统计报表'
				}],
				tooltip: {},
				legend: [{
					type: 'scroll',
					data: ['报名表'],
					height: '200px'
				}],
				xAxis: {
					data: ["上门报名", "转介绍", "微信推广", "微博", "直播", "电话邀约"],
				},
				yAxis: {},
				series: [{
					name: '报名表',
					type: 'bar',
					label: {
						show: true,
						position: 'top'
					},
					bottom: '400px',
					data: [5, 20, 36, 10, 10, 20]
				}]
			}
			// 使用刚指定的配置项和数据显示图表。
			myChart.setOption(option);

			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('main2'));

			// 指定图表的配置项和数据
			var option = {
				title: {
					text: '折线图堆叠'
				},
				tooltip: {
					trigger: 'axis'
				},
				legend: {
					data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
				},
				grid: {
					left: '3%',
					right: '4%',
					bottom: '3%',
					containLabel: true
				},
				toolbox: {
					feature: {
						saveAsImage: {}
					}
				},
				xAxis: {
					type: 'category',
					boundaryGap: false,
					data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
				},
				yAxis: {
					type: 'value'
				},
				series: [{
						name: '邮件营销',
						type: 'line',
						stack: '总量',
						data: [120, 132, 101, 134, 90, 230, 210]
					},
					{
						name: '联盟广告',
						type: 'line',
						stack: '总量',
						data: [220, 182, 191, 234, 290, 330, 310]
					},
					{
						name: '视频广告',
						type: 'line',
						stack: '总量',
						data: [150, 232, 201, 154, 190, 330, 410]
					},
					{
						name: '直接访问',
						type: 'line',
						stack: '总量',
						data: [320, 332, 301, 334, 390, 330, 320]
					},
					{
						name: '搜索引擎',
						type: 'line',
						stack: '总量',
						data: [820, 932, 901, 934, 1290, 1330, 1320]
					}
				]
			};


			// 使用刚指定的配置项和数据显示图表。
			myChart.setOption(option);
		</script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</body>
</html>
